@font-face {
 	font-family: "iconfont";
 	src: url('fonts/iconfont.ttf') format('truetype');
 	/* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
 }

/*规范了字体家族，然后字体基准大小*/

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
}

*{
	padding:0;
	margin:0;
}
body{
  background:#f4f6f8;
}

/*伪类*/
.icon-fanhui:before {content: "\e601"; font-size:20px;color:#ccc;}
.icon-rest:before {content: "\e630"; font-size:20px;color:#ccc;}
.icon-action:before {content: "\e633"; font-size:20px;color:red;}
.icon-set_up:before {content: "\e630"; font-size:20px;color:#ccc;}
/*头  开始*/
.header{
   width:100%;height:100%;position:relative;background: white;margin-bottom:10px;
   position: relative;
}
.icon-fanhui{
  position:absolute;left:0;top:10px;
}
.alter span{
  display:block;text-align:center;padding:13px





  ;font-family: "Arial", "微软雅黑";
  font-size:17px;
}
.alter{
  border-bottom:1px solid #eeeeee;background:white;
}
/*头 结束*/

/*主体*/
/*年月日  date*/
.date{
  width:100%;height:30px;background:white;text-align: center;font-size: 19px;
  color: #D81D24;font-family:"Arial", "微软雅黑";padding:10px 0;position:
  absolute;top:50px;
}
.date div{
   display: block;width: 100%;height:30px;line-height:30px;
}
.morning{
  margin-top:63px;
}

/*早餐*/
/*top*/
.top{
  width:100%;height:100%;border-bottom:1px solid #eeeeee;position: relative;
}
.morning .top .clear_both{
   clear:both;
}
.morning{
   width:100%;height:50px;background:white;
}
.morning .zao{
   background:pink;border-radius:100%;font-size:9px;color:red; padding:3px 5px;
   font-family:"Arial", "微软雅黑";position: absolute;top:12px;left:10px;
}

.morning .time{
    font-family:"Arial", "微软雅黑";font-size:14px;padding: 14px 35px;
}

.morning .top span input{
   width:40px;height:30px;display: block;text-align: center;
}
.morning span{
   float: left;
}
.button{
  position: absolute;right:15px;top:7px;border-radius:7px;display: block;
  border:1px solid #ccc;
}
.left input{
   border:none; 
}
.middle input{
   border:none; border-left:1px solid #ccc;border-right:1px solid #ccc;
}
.right input{
  border:none;
}

/*bottom*/
.bottom{
  width:100%;height:50px;background:white;line-height: 50px;position:relative;
}

.bottom .rest{
  font-family: "Arial", "微软雅黑";font-size:14px;width:70px;height:50px;
  position: relative;
}
.bottom .action{
  font-family: "Arial", "微软雅黑";font-size:14px;width:70px;height:50px;
  position: relative;
}
.bottom div div{
  width:50px;height:50px;float: left;
}

.icon-rest{
   position: absolute;left:-10px;
}

.icon-action{
  position: absolute;left:-10px;color:white;
}
.bottom .rest span{
  display: block;position: absolute;right:2px;
}
.bottom .action span{
  display: block;position: absolute;right:2px;
}
.bottom .rest-action{
   position: absolute;right:15px;
 }
/*默认设置*/
.set_up{
   width: 100%;height: 100%;margin-top:65px;position:relative;
  } 

.icon-set_up{
  position:absolute;left:5px;

}

.set_up .pages{
   text-indent:35px;display: block;padding:2px 0;
   font-family:"Arial", "微软雅黑";font-size:14px;
}

/*确定*/
.queding{
   clear: both;width:90%;height:100%;margin:50px auto 0px;
}

.queding input{
    width:100%;text-align: center;border:none;background:#dd464c;color:white;
    font-family: "Arial", "微软雅黑";font-size:15px;padding:10px 0 10px 0;
    border-radius:5px;
}













































